<template>
    <div>
        <template v-for="(item, idx) in items" v-bind:key="idx">
            <el-card class="box-card">
                <template #header>
                    <div class="card-header">
                        <span>{{ item.time }}</span>
                    </div>
                </template>
                <ul>
                    <li v-for="(current, si) in item.items" v-bind:key="si">
                        {{ current.content }}
                    </li>
                </ul>
            </el-card>
            <div class="gap"></div>
        </template>
    </div>
</template>

<script>
import tools from "../utils/tools";
export default {
    data() {
        return {
            items: []
        }
    },
    created() {
        this.items = tools.getHistory()
    }
}
</script>
